﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>物业可视化展示平台</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/echarts.min.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <script type="text/javascript" src="js/jquery.limarquee.js"></script>
    <script type="text/javascript" src="js/jquery.cxselect.min.js"></script>

    <link rel="stylesheet" href="css/comon0.css">
</head>
<body>
<div style="background:#000d4a url(images/bg.jpg) center top;">
    <div class="loading">
        <div class="loadbox"><img src="picture/loading.gif"> 页面加载中...</div>
    </div>
    <div class="back"></div>
    <div class="head">
        <div class="weather"><span id="showTime"></span></div>
        <h1>物业可视化展示平台</h1>
    </div>
    <script>
        var t = null;
        t = setTimeout(time, 1000);//開始运行
        function time() {
            clearTimeout(t);//清除定时器
            dt = new Date();
            var y = dt.getFullYear();
            var mt = dt.getMonth() + 1;
            var day = dt.getDate();
            var h = dt.getHours();//获取时
            var m = dt.getMinutes();//获取分
            var s = dt.getSeconds();//获取秒
            document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
            t = setTimeout(time, 1000); //设定定时器，循环运行
        }

    </script>
    <div class="mainbox">
        <ul class="clearfix">
            <li>
                <div class="boxall" style="height:430px;">
                    <div class="alltitle">标题样式</div>
                    <div class="navboxall" id="echart5"></div>
                </div>
                <div class="boxall" style="height:350px;">
                    <div class="alltitle">设备统计</div>
                    <div class="navboxall" id="echart1"></div>
                </div>
            </li>
            <li>

                <div class="boxall" style="height:230px">
                    <div class="clearfix navboxall" style="height: 100%">
                        <div class="pulll_left num">
                            <div class="numbt">年度总流水<span>(单位：万元)</span></div>
                            <div class="numtxt">19382721</div>
                        </div>
                        <div class="pulll_right zhibiao">
                            <div class="zb1"><span>租金流水</span>
                                <div id="zb1"></div>
                            </div>
                            <div class="zb2"><span>水电流水</span>
                                <div id="zb2"></div>
                            </div>
                            <div class="zb3"><span>其它流水</span>
                                <div id="zb3"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="boxall" style="height:285px">
                    <div class="alltitle">年度收支趋势</div>
                    <div class="navboxall" id="echart4"></div>

                </div>
                <div class="boxall" style="height:250px">
                    <div class="alltitle">年度水电趋势</div>
                    <div class="navboxall" id="echart3"></div>
                </div>
            </li>
            <li>
                <div class="boxall" style="height:430px">
                    <div class="alltitle">租凭期限统计</div>
                    <div class="navboxall">
                        <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tbody>
                            <tr>
                                <th scope="col">排名</th>
                                <th scope="col">公司</th>
                                <th scope="col">数量</th>
                                <th scope="col">增长率</th>
                            </tr>
                            <tr>
                                <td><span>1</span></td>
                                <td>腾讯科技</td>
                                <td>114万<br></td>
                                <td>100%<br></td>
                            </tr>
                            <tr>
                                <td><span>2</span></td>
                                <td>百度公司</td>
                                <td>923823万</td>
                                <td>21%</td>
                            </tr>

                            <tr>
                                <td><span>3</span></td>
                                <td>新浪</td>
                                <td>1240253万</td>
                                <td>12%</td>
                            </tr>
                            <tr>
                                <td><span>4</span></td>
                                <td>网易</td>
                                <td>1.2亿</td>
                                <td>39%</td>
                            </tr>
                            <tr>
                                <td><span>5</span></td>
                                <td>雅虎</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="boxall" style="height:350px;">
                    <div class="alltitle">告警数据</div>
                    <div class="navboxall" >
                        <div class="wraptit">
                            <span>类型</span><span>类容</span><span style="width: 168px;">报警时间</span>
                        </div>
                        <div class="wrap">
                            <ul>
                                <li><p><span>100021415</span><span>199</span><span style="width: 168px;">05-19 12:12:30</span></p></li>
                                <li><p><span>100021415</span><span>199</span><span style="width: 168px;">05-19 12:12:30</span></p></li>
                                <li><p><span>100021415</span><span>199</span><span style="width: 168px;">05-19 12:12:30</span></p></li>
                                <li><p><span>100021415</span><span>199</span><span style="width: 168px;">05-19 12:12:30</span></p></li>
                                <li><p><span>100021415</span><span>199</span><span style="width: 168px;">05-19 12:12:30</span></p></li>
                                <li><p><span>100021415</span><span>199</span><span style="width: 168px;">05-19 12:12:30</span></p></li>
                                <li><p><span>100021415</span><span>199</span><span style="width: 168px;">05-19 12:12:30</span></p></li>
                            </ul>
                        </div>

                    </div>
                </div>
            </li>
        </ul>

    </div>
</div>

<script>

    $(function () {
        $('.wrap,.adduser').liMarquee({
            direction: 'up',//身上滚动
            runshort: false,//内容不足时不滚动
            scrollamount: 20//速度
        });
    });

</script>

</body>
</html>
